import React from 'react';
import { Menu, Icon, Switch, Card,List, Typography } from 'antd';
import './index.less'
const { SubMenu } = Menu;
const data = [
    '财政部、税务总局联合发文进一步明确永续债的企业所得税税收发文进一步明确永续债的企业所得税税收债的企业所得税税债的企业….',
    '西城区税务、市场监管部门联合推出“e窗通企业一日准营套餐',
    ' 税法入童心 税收伴成长.',
    '财政部、税务总局联合发文进一步明确永续债的企业所得税税收发文进一步明确永续债的企业所得税税收债的企业所得税税债的企业….',
    '西城区税务、市场监管部门联合推出“e窗通企业一日准营套餐',
    ' 税法入童心 税收伴成长.',
    '财政部、税务总局联合发文进一步明确永续债的企业所得税税收发文进一步明确永续债的企业所得税税收债的企业所得税税债的企业….',
    '西城区税务、市场监管部门联合推出“e窗通企业一日准营套餐',
    ' 税法入童心 税收伴成长.',
    '财政部、税务总局联合发文进一步明确永续债的企业所得税税收发文进一步明确永续债的企业所得税税收债的企业所得税税债的企业….',
    '西城区税务、市场监管部门联合推出“e窗通企业一日准营套餐',
    ' 税法入童心 税收伴成长.',
    '财政部、税务总局联合发文进一步明确永续债的企业所得税税收发文进一步明确永续债的企业所得税税收债的企业所得税税债的企业….',
    '西城区税务、市场监管部门联合推出“e窗通企业一日准营套餐',
    ' 税法入童心 税收伴成长.',
  ];

export default class One extends React.Component{
    state = {
        theme: 'dark',
        current: '1',
      };
    
      changeTheme = value => {
        this.setState({
          theme: value ? 'dark' : 'light',
        });
      };
    
      handleClick = e => {
        console.log('click ', e);
        this.setState({
          current: e.key,
        });
      };
    render() {
        return (
            <div className="container">
              <Switch
                    checked={this.state.theme === 'dark'}
                    onChange={this.changeTheme}
                    checkedChildren="Dark"
                    unCheckedChildren="Light"
                />
                <br />
                <br />
                <Menu
                    theme={this.state.theme}
                    onClick={this.handleClick}
                    style={{ width: 256 }}
                    // defaultOpenKeys={['sub1']}
                    selectedKeys={[this.state.current]}
                    mode="inline"
                   
                >
            <SubMenu
                key="sub1"
                title={
                <span>
                    <Icon type="mail" />
                    <span>分析指引</span>
                </span>
                }
            >
                <Menu.Item key="1">Option 1</Menu.Item>
                <Menu.Item key="2">Option 2</Menu.Item>
                <Menu.Item key="3">Option 3</Menu.Item>
                <Menu.Item key="4">Option 4</Menu.Item>
            </SubMenu>
            <SubMenu
                key="sub2"
                title={
                <span>
                    <Icon type="appstore" />
                    <span>税证辑要</span>
                </span>
                }
            >
                <Menu.Item key="5">Option 5</Menu.Item>
                <Menu.Item key="6">Option 6</Menu.Item>
                <SubMenu key="sub3" title="Submenu">
                <Menu.Item key="7">Option 7</Menu.Item>
                <Menu.Item key="8">Option 8</Menu.Item>
                </SubMenu>
            </SubMenu>
            <SubMenu
                key="sub4"
                title={
                <span>
                    <Icon type="setting" />
                    <span>案例库</span>
                </span>
                }
            >
                <Menu.Item key="9">Option 9</Menu.Item>
                <Menu.Item key="10">Option 10</Menu.Item>
                <Menu.Item key="11">Option 11</Menu.Item>
                <Menu.Item key="12">Option 12</Menu.Item>
            </SubMenu>
            <SubMenu
                key="sub4"
                title={
                <span>
                    <Icon type="setting" />
                    <span>案例库</span>
                </span>
                }
            >
            </SubMenu>
            <SubMenu
                key="sub4"
                title={
                <span>
                    <Icon type="setting" />
                    <span>案例库</span>
                </span>
                }
            >
            </SubMenu>
            <SubMenu
                key="sub4"
                title={
                <span>
                    <Icon type="setting" />
                    <span>案例库</span>
                </span>
                }
            >
            </SubMenu>
            <SubMenu
                key="sub4"
                title={
                <span>
                    <Icon type="setting" />
                    <span>案例库</span>
                </span>
                }
            >
            </SubMenu>
            <SubMenu
                key="sub4"
                title={
                <span>
                    <Icon type="setting" />
                    <span>案例库</span>
                </span>
                }
            >
            </SubMenu>
        </Menu>
        <Card title="通知报告" className="cardwrap" style={{width:800}}>
            <List
            // header={<div>Header</div>}
            // footer={<div>Footer</div>}
            // bordered
            dataSource={data}
            renderItem={item => (
                <List.Item>
                <Typography.Text mark></Typography.Text> {item}
                </List.Item>
            )}
            />
        </Card>
            </div>
        )
    }
}